<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - step by step</title>
    <link rel="stylesheet" href="style/step1.css">
    <link rel="stylesheet" href="style/step2.css">
    <link rel="stylesheet" href="style/step3.css">
    <link rel="stylesheet" href="style/step4.css">
    <link rel="stylesheet" href="style/step5.css">
    <link rel="stylesheet" href="style/step6.css">
    <link rel="stylesheet" href="style/step7.css">
    <link rel="stylesheet" href="style/step8.css">
    <link rel="stylesheet" href="style/step9.css">
    <link rel="stylesheet" href="style/step10.css">
    <link rel="stylesheet" href="style/step11.css">
    <link rel="stylesheet" href="style/step12.css">
    <link rel="stylesheet" href="style/step13.css">
    <link rel="stylesheet" href="style/step14.css">
    <link rel="stylesheet" href="style/step15.css">
    <link rel="stylesheet" href="style/step16.css">
    <link rel="stylesheet" href="style/step17.css">
    <link rel="stylesheet" href="style/step18.css">
</head>

<body>
<header class="nav">
    <div class="container container-flex">
        <ul>
            <li><a href="#" class="nav-link site-title">个人网站</a></li>
        </ul>
        <ul>
            <li><a href="#" class="nav-link">简历</a></li>
            <li><a href="#" class="nav-link">工作经验</a></li>
            <li><a href="#" class="nav-link">项目经验</a></li>
        </ul>
    </div>
</header>
<main>
    <div class="container">
        <div class="intro">
            <img class="avatar" src="./img/avatar.png" alt="我的头像">
            <h2 class="name">萝卜头</h2>
            <p class="bio">以屏幕为画板，以 HTML + CSS + JS 为画笔，自由描绘自己的想象。</p>
        </div>

        <div class="bq">
            <p class="small">我最喜欢的一句话</p>
            <blockquote>
                We can not solve our problems with the same level of thinking that created them.
                <span> - Albert Einstein</span>
            </blockquote>
        </div>
    </div>
</main>

</body>

</html>
